Ext.setup({
    icon: 'icon.png',
    glossOnIcon: false,
    tabletStartupScreen: 'tablet_startup.png',
    phoneStartupScreen: 'phone_startup.png',
    onReady: function() {
        new Ext.TabPanel({
            fullscreen: true,
            type: 'dark',
            sortable: true,
            items: [{
                title: 'Home',
                html: '<p>AMDB</p><hr/><a href = "" onclick=openindex()><img src="about1.png" onmouseover=this.src="about1.png";" onmouseout=this.src="about2.png";" /></a>',
                cls: 'card1'
            }, {
                title: 'Videos-Gallery',
                html: '<table><tr><td border = "2"></br></br><video width="50%" height="50%"  id = "video1" name = "pawan.mp4" onclick = index("pawan.mp4") ><source src="pawan.mp4" type="video/mp4" /></video></br><a href="" style = "font-family:BRUSH SCRIPT MT;font-size:30px;color:pink" onclick = index("pawan.mp4") >Video clip</a> </td></tr><tr><td></br></br><video width="50%" height="50%"  name = "pawan.mp4" onclick = index("pawan.mp4")><source src="pawan.mp4" type="video/mp4" /></video></br><a href="" style = "font-family:BRUSH SCRIPT MT;font-size:30px;color:pink" onclick = index("pawan.mp4")>Video clip</p></td></tr></table>',
                cls: 'card2'
            }, {
                title: 'Gallery',
                html: 'Star-Gallery</br></br><div class="image"><a align = left href="pic.jpg" rel="lightbox[photos]" width="10%" height="10%"><img src="pic.jpg" width=100 height=100></a><a align = left href="paw.jpg" rel="lightbox[photos]" width="10%" height="10%"><img src="paw.jpg" width=100 height=100></a></div>',
                cls: 'card3'
            },{
                title: 'Audio',
                html: '<p>Audio-Gallery</p><hr/><audio controls="controls"><source src="panja.mp3" type="audio/mp3" />Your browser does not support the audio tag.</audio></br><p style = "font-family:BRUSH SCRIPT MT;font-size:30px;color:pink" > Panja-Audio-file</p>',
                cls: 'card4'
            },{
                title: 'Registration',
                html: '</br><center><form name = "form2" action= "sandymobileweb" ><table><tr><td colspan = "2" align="center" style = "font-family:algerian;font-size:30px;color:pink" >Registration</td></tr><tr><td style = "font-family:BRUSH SCRIPT MT;font-size:30px;color:pink" > &nbsp</td></tr><tr><td style = "font-family:BRUSH SCRIPT MT;font-size:30px;color:pink" >  Email: </br></td><td border = "2px" color = pink><input type="text" style = "font-family:arial;color:#8B4513;font-size:20px;" name="email" /></td></tr><tr><td style = "font-family:BRUSH SCRIPT MT;font-size:30px;color:pink" > &nbsp</td></tr><tr><td style = "font-family:BRUSH SCRIPT MT;font-size:30px;color:pink" >passWord: </td><td border = "2px" color = pink ><input style = "font-family:arial;color:#8B4513;font-size:20px;" type="password" name="pwd" /></td></tr><tr><td style = "font-size:20px;color:black;font-weight:bold;"> &nbsp</td><tr><td style = "font-family:BRUSH SCRIPT MT;font-size:30px;color:pink" >  Name: </td><td border = "2px" color = pink ><input style = "font-family:arial;color:#8B4513;font-size:20px;" type="text" name="name" /></td></tr><tr><td style = "font-family:BRUSH SCRIPT MT;font-size:30px;color:pink" > &nbsp</td><tr><td style = "font-family:BRUSH SCRIPT MT;font-size:30px;color:pink">  Phone: </td><td border = "2px" color = pink ><input style = "font-family:arial;color:#8B4513;font-size:20px;" type="text" name="num" /></td></tr></table></br></br><input type="image" src="submit1.png" alt="Submit button"></form></center>',
                cls: 'card5'
            }]
        });
    }
});
